html,
body {
    height: 100%;
    width: 100%;
}

#cart {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;

    a {
        text-decoration: none;
    }

    header {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: left;
        height: 1.04rem;
        line-height: 1.04rem;
        border-bottom: .026667rem solid #e5e5e5;

        .left {
            position: absolute;
            top: 0;
            left: 0;
            padding-left: .333333rem;
            width: 1.6rem;
        }

        i,
        span,
        h1 {
            font-size: .4rem;
        }

        i {
            font-size: .533333rem;
            font-weight: bold;
        }

        h1 {
            width: 100%;
            text-align: center;
        }
    }

    main {
        flex: 1;
        overflow-y: scroll;
        background: #f6f6f6;

        .orders {
            margin-top: .266667rem;

            .good {
                background: #fff;
                display: flex;
                flex-direction: row;
                margin-bottom: .026667rem;
                height: 2.72rem;
                align-items: center;

                .sel {
                    margin: 0 .24rem;
                }

                .goodimg {
                    width: 2.133333rem;
                    height: 2.133333rem;
                    border: .026667rem solid #d4d3d3;

                    img {
                        width: 100%;
                        height: 100%;
                        border-radius: .026667rem;
                    }
                }

                .num {
                    margin: 0 3.066667rem 0 .24rem;

                    .numinput {
                        height: .8rem;
                        line-height: .8rem;
                    }

                    .addbtn,
                    .reddbtn {
                        width: .8rem;
                        height: .8rem;
                        line-height: .746667rem;
                        background: #f0f0f0;
                        color: #7d7d7d;
                        font-size: .48rem;
                        font-weight: bold;
                        border: .026667rem solid #dddddd;
                        border-radius: .053333rem 0 0 .053333rem;
                    }

                    .reddbtn {
                        background: #fff;
                        border-radius: 0 .053333rem .053333rem 0;
                    }

                    .gnum {
                        width: .933333rem;
                        height: .746667rem;
                        font-size: .213333rem;
                        text-align: center;
                        background: #fff;
                        color: #000;
                        border-top: .026667rem solid #dddddd;
                        border-bottom: .026667rem solid #dddddd;
                    }

                    .price {
                        margin-top: .64rem;
                    }
                }

                .delicon {
                    width: .8rem;
                    height: .8rem;
                    background: url(../images/del.png) no-repeat;
                    background-size: 100%;
                }

            }
        }

        .money {
            margin-top: .533333rem;
            border-top: .026667rem solid #d4d4d4;
            padding-top: .266667rem;
            text-align: center;
            font-size: .373333rem;

            a {
                width: 80%;
                height: 1.333333rem;
                font-size: .453333rem;
                line-height: 1.333333rem;
                margin: .266667rem auto;
                display: block;
                color: #fff;
                background: #000;
            }
        }
    }

    footer {
        height: 1.333333rem;
        background: #000;
    }

}